/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@font-face {
  font-family: 'external-link';
  src:  url('../fonts/external-link.eot?6zha2q');
  src:  url('../fonts/external-link.eot?6zha2q#iefix') format('embedded-opentype'),
    url('../fonts/external-link.ttf?6zha2q') format('truetype'),
    url('../fonts/external-link.woff?6zha2q') format('woff'),
    url('../fonts/external-link.svg?6zha2q#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'external-link' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-external-link:before {
  content: "\e900";
}


body {
  background: #fff;
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
  padding: 0 !important;
}

ul,ol{
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
a {
  color: #009ACE;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #006c90;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

.pb-6{
  padding-bottom: 5rem!important;
}

.pt-10{
  margin-top: 7rem !important;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #009ACE;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

/* Prelaoder */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #009ACE;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;


}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  padding: 26px 0 !important;
  background: rgba(25, 25, 42, 0.9);
}

#header.header-transparent {
  background: transparent;
}

#header.header-scrolled {
  background: rgba(25, 25, 42, 0.9);
  padding: 18px 0;
}

#header .logo {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  padding-left: 10px;
  /*border-left: 4px solid #009ACE;*/
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  max-height: 35px;
}

@media (max-width: 992px) {
  #header .logo {
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul {
  display: flex;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #fff;
  transition: 0.3s;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #009ACE;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 13px;
  text-transform: none;
  color: #333333;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #009ACE;
}


.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #fff;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #333333;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #009ACE;
  text-decoration: none;
}


.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(26, 26, 26, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
#intro {
  width: 100%;
  height: 100vh;
  background: #000;
  overflow: hidden;
  position: relative;
}

@media (max-height: 500px) {
  #intro {
    height: 150vh;
  }
}

#intro .carousel, #intro .carousel-inner, #intro .carousel-item, #intro .carousel-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#intro .carousel-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#intro .carousel-item::before {
  content: '';
  background-color: rgb(25, 25, 42,0.4) 
}
#intro .carousel-item video{
    /* Make video to at least 100% wide and tall */
    min-width: 100%; 
    min-height: 100%; 
  
    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;
  
    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#intro .carousel-container {
  display: flex;
padding-left: 100px;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 70px;
  left: 50px;
  right: 50px;
}

#intro .container {
  text-align: center;
}

#intro h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 60px;
  font-weight: 700;
}

@media (max-width: 768px) {
  #intro h2 {
    font-size: 28px;
  }
}

#intro p {
  width: 80%;
  color: #fff;
  font-size: 21px;
}

@media (min-width: 1024px) {
  #intro p {
    width: 60%;
  }
}

#intro .carousel-fade {
  overflow: hidden;
}

#intro .carousel-fade .carousel-inner .carousel-item {
  transition-property: opacity;
}

#intro .carousel-fade .carousel-inner .carousel-item,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#intro .carousel-fade .carousel-inner .active,
#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}

#intro .carousel-fade .carousel-inner .carousel-item-next,
#intro .carousel-fade .carousel-inner .carousel-item-prev,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#intro .carousel-control-prev, #intro .carousel-control-next {
  width: 10%;
}

@media (min-width: 1024px) {
  #intro .carousel-control-prev, #intro .carousel-control-next {
    width: 5%;
  }
}

#intro .carousel-control-next-icon, #intro .carousel-control-prev-icon {
  background: none;
  font-size: 32px;
  line-height: 1;
}

#intro .carousel-indicators li {
  cursor: pointer;
}

#intro .btn-get-started {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  border-radius: 3px;
  transition: 0.5s;
  margin: 5px;
  color: #fff;
  background: #009ACE;
  min-width: 200px;
  width:200px;
  padding: 10px 0;
  text-align: center;
}

#intro .btn-get-started:hover {
  background: #fff;
  color: #009ACE;
}

.btn-get-started{
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  border-radius: 3px;
  transition: 0.5s;
  margin: 5px;
  color: #fff;
  background: #009ACE;
  min-width: 200px;
  width:200px;
  padding: 10px 0;
  text-align: center;
}

.btn-get-started:hover {
  background: #fff;
  color: #009ACE;
}

/*--------------------------------------------------------------
# Jumbtron (hero section)
--------------------------------------------------------------*/
.jumbotron-image {
  background-image: url("../img/facts-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}


/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
  overflow: hidden;
}

/* Sections Header
--------------------------------*/
.section-header h3 {
  font-size: 32px;
  color: black;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  padding-bottom: 15px;
  font-family: "Montserrat", sans-serif;
}

.section-header h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-header h3::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #009ACE;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-header p {
  text-align: center;
  padding-bottom: 30px;
  color: #333;
  font-size: 0.8rem;
}

/* Section with background
--------------------------------*/
.section-bg {
  background: #f7f7f7;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
 padding-top: 20px;
  background-color: #f7f7f7;
  min-height: 40px;
  margin-top: 90px;
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 80px;
  }
}

.breadcrumbs h2 {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 400;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs{
    padding-bottom: 50px;
  }
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
}

/* About Us Section
--------------------------------*/
#about {
  padding-bottom: 40px;
  position: relative;
}
.about-bg{
  background: url("../img/about-bg.jpg") center top no-repeat fixed;
  background-size: cover;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /*background: rgba(255, 255, 255, 0.92);*/
  z-index: 9;
}

#about .container {
  position: relative;
  z-index: 10;
}

#about .about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  min-height: 400px;
}

#about .about-col .img {
  position: relative;
}

#about .about-col .img img {
  border-radius: 4px 4px 0 0;
  width: 100%;
  height: 200px;
}

#about .about-col .icon {
  width: 64px;
  height: 64px;
  padding-top: 8px;
  text-align: center;
  position: absolute;
  background-color: #009ACE;
  border-radius: 50%;
  text-align: center;
  border: 4px solid #fff;
  left: calc( 50% - 32px);
  bottom: -30px;
  transition: 0.3s;
}

#about .about-col i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

#about .about-col:hover .icon {
  background-color: #fff;
}

#about .about-col:hover i {
  color: #009ACE;
}

#about .about-col h2 {
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  margin: 40px 0 12px 0;
}

#about .about-col h2 a {
  color: #000;
}

#about .about-col:hover h2 a {
  color: #009ACE;
}

#about .about-col p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}
.about-text{
  color: black;
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
}
/* Services Section
--------------------------------*/
#section-header{
  padding-bottom: 30px;
}
#services-short {
  background: #fff;
  background-size: cover;
  padding: 60px 0 40px 0;
}
#services-short .section-header p{
  padding-bottom: 0;
}
.box {
  position: relative;
  width: 100%;
}

.our-services {
  margin-top: 50px;
  padding: 25px 60px 0 60px;
  min-height: 198px;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
  transition: all .4s ease-in-out;
  box-shadow: 0 0 25px 0 rgba(30, 26, 52, .17)
}


.our-services img {
padding-bottom: 5px;
width:40px;
height:auto;

}
.our-services h4 {
margin: 0!important;
padding-top: 10px;
}
.our-services p {
  margin: 0!important;
  padding-top: 10px;
  font-size:  0.8rem;;
  }

.our-services:hover {
  box-shadow: 0 0 25px 0 rgba(0, 154, 206,1);
  cursor: pointer;
}



/* Call To Action Section
--------------------------------*/
#call-to-action {
  background: linear-gradient(-90deg, #1e1a34 0%, #009ACE 100%);
  background-size: cover;
  padding: 60px 0;
}

#call-to-action h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

#call-to-action p {
  color: #fff;
}

#call-to-action .cta-btn {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

#call-to-action .cta-btn:hover {
  background: #009ACE;
  border: 2px solid #009ACE;
}

/* Call To Action Section
--------------------------------*/
#skills {
  padding: 60px 0;
}

#skills .progress {
  height: 35px;
  margin-bottom: 10px;
}

#skills .progress .skill {
  font-family: "Open Sans", sans-serif;
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}

#skills .progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

#skills .progress-bar {
  width: 1px;
  text-align: left;
  transition: .9s;
}

/* Facts Section
--------------------------------*/
#facts {
  background: url("../img/facts-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 0 0;
  position: relative;
}

#facts::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.88);
  z-index: 9;
}

#facts .container {
  position: relative;
  z-index: 10;
}

#facts .counters span {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 48px;
  display: block;
  color: #009ACE;
}

#facts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #111;
}

#facts .facts-img {
  text-align: center;
  padding-top: 30px;
}

/* Products Section
--------------------------------*/
#products {
  padding-top:60px;
  padding-bottom: 90px;
}


#products .products-wrap {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
  border:1px solid black;
  border-radius: 15px;
  height: 200px;
}

#products .products-item {
  position: relative;
  margin-bottom: 60px;
}
#products .products-item img{
  position: absolute;
  left: calc(50% - 25px);
  top:-25px;
}
#products .products-item .products-info {
  margin-top: 25px;
  text-align: center;
  padding: 30px;
  height: 90px;
}


#products .products-item .products-info h4 {
  font-size: 18px;
  line-height: 1px;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 0;
}

#products .products-item .products-info h4 a {
  color: #333;
}

#products .products-item .products-info h4 a:hover {
  color: #009ACE;
}

#products .products-item .products-info p {
  padding: 0;
  margin: 0;
  color: black;
  font-size: 13px;
  line-height: 24px;
}

.products-btn {
    position: absolute;
    background-color: #009ACE;
    color: white;
    font-size: 12px;
    border-color: #009ACE;
    border-width: 2px;
    border-radius: 15px !important;
    left: calc(50% - 34px);
    bottom: -12px;
  }
.products-btn:hover{
    color: #009ACE;
    background-color: white;
    border-color: #009ACE;
}

/* quote section start*/

blockquote {
  font-family: Georgia, serif;
  font-size: 20px;
  font-style: italic;

  margin: 0.25em 0;
  padding: 0.35em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  }
  /*
  blockquote:before {
  display: block;
  padding-left: 10px;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: #7a7a7a;
  }
  */
  blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
  }
   
  blockquote cite:before {
  content: "\2014 \2009";
  
}

/* Quote Section end*/

/* Products Details
--------------------------------*/
.products-details {
  padding-top: 30px;
}

.products-details .products-details-container {
  position: relative;
}

.products-details .products-details-carousel {
  position: relative;
  z-index: 1;
}

.products-details .products-details-carousel .owl-nav, .products-details .products-details-carousel .owl-dots {
  margin-top: 5px;
  text-align: left;
}

.products-details .products-details-carousel .owl-dot {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.products-details .products-details-carousel .owl-dot.active {
  background-color: #009ACE !important;
}

.products-details .products-info {
  padding: 30px;
  position: absolute;
  right: 0;
  bottom: -70px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.products-details .products-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.products-details .products-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.products-details .products-info ul li + li {
  margin-top: 10px;
}
.products-details .products-description {
  padding-top: 50px;
}

.products-details .products-description h2 {
  width: 50%;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.products-details .products-description p {
  padding: 0 0 0 0;
}

@media (max-width: 768px) {
  .products-details .products-description h2 {
    width: 100%;
  }
  .products-details .products-info {
    position: static;
    margin-top: 30px;
  }
}


/* Clients Section
--------------------------------*/
#clients {
  padding: 60px 0;
}

#clients img {
  max-width: 100%;
  opacity: 0.5;
  transition: 0.3s;
  padding: 15px 0;
}

#clients img:hover {
  opacity: 1;
}

#clients .owl-nav, #clients .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#clients .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#clients .owl-dot.active {
  background-color: #009ACE;
}

/* Testimonials Section
--------------------------------*/
#testimonials {
  padding: 60px 0;
}

#testimonials .section-header {
  margin-bottom: 40px;
}

#testimonials .testimonial-item {
  text-align: center;
}

#testimonials .testimonial-item .testimonial-img {
  width: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin: 0 auto;
}

#testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

#testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 15px 0;
}

#testimonials .testimonial-item .quote-sign-left {
  margin-top: -15px;
  padding-right: 10px;
  display: inline-block;
  width: 37px;
}

#testimonials .testimonial-item .quote-sign-right {
  margin-bottom: -15px;
  padding-left: 10px;
  display: inline-block;
  max-width: 100%;
  width: 37px;
}

#testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
}

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 80%;
  }
}

#testimonials .owl-nav, #testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#testimonials .owl-dot.active {
  background-color: #009ACE;
}

/* Team Section
--------------------------------*/
#team {
  padding: 60px 0;
}

#team .member {
  text-align: center;
  margin-bottom: 20px;
  background: #000;
  position: relative;
}

#team .member .member-info {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

#team .member .member-info-content {
  margin-top: -50px;
  transition: margin 0.2s;
}

#team .member:hover .member-info {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  transition: 0.4s;
}

#team .member:hover .member-info-content {
  margin-top: 0;
  transition: margin 0.4s;
}

#team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

#team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

#team .member .social {
  margin-top: 15px;
}

#team .member .social a {
  transition: none;
  color: #fff;
}

#team .member .social a:hover {
  color: #009ACE;
}

#team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/* Contact Section
--------------------------------*/
#contact {
  padding-bottom: 60px;
}

#contact .form{
  padding: 0 5px 0 5px;
}
#contact .contact-info {
  margin-bottom: 20px;
  text-align: center;
}

#contact .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  color: #009ACE;
}

#contact .contact-info address, #contact .contact-info p {
  margin-bottom: 0;
  color: #000;
}

#contact-us-description{
  padding-left: 5px;
  margin-bottom: 15px;
  color: black;
}

#contact .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
}

#contact .contact-info a {
  color: #000;
}

#contact .contact-info a:hover {
  color: #009ACE;
}

#contact .contact-address, #contact .contact-phone, #contact .contact-email {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #contact .contact-address, #contact .contact-phone, #contact .contact-email {
    padding: 20px 0;
  }
}

@media (min-width: 768px) {
  #contact .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}
@media (max-width:767px) {
.contact-mobile-container{
  display: block !important;
  margin-bottom: 50px;
}
#call-container{
  height: 230px !important;
}
#email-container{
  height: 230px !important; 
}
.contact-methods-container{
  display: none;
}
}

#contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

#contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

#contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

#contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #009ACE;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

#contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

#contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #009ACE;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

#contact .php-email-form input, #contact .php-email-form textarea {
  padding: 10px 14px;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}
.form-control:focus{
  border: 0.11em solid #009ACE !important;
}



#contact .php-email-form input{
  height: 50px;
}

#contact .php-email-form input::focus, #contact .php-email-form textarea::focus {
  background-color: #009ACE;
}
#contact .contact-btn-container{
padding-right: 5px;
padding-top: 20px;
}

#contact button[type="submit"] {
  background: #009ACE;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}

#contact  button[type="submit"]:hover {
  background: #008bc7;
}
#contact .contact-methods-container{
  padding: 0 5px 0 5px;
  color: black;
}
#contact .contact-us-method-container{
  border: 0.1em solid #ced4da;;
  background-color: white;
}

.contact-us-method-container svg{
margin-top: 25px;
}
.contact-us-method-container p{
  margin-bottom: 20px;
  margin-top: 25px;
}
#contact .contact-us-method-container:hover{
  border: 0.1em solid #009ACE;
}

#call-container{
  margin-bottom: 10px;
  height: calc(50% - 5px);
}
#email-container{
  height: calc(50% - 5px);;
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* book appointment modal */
#bookAppointmentModal{
  padding: 0 !important;
}
#bookAppointmentModal .modal-dialog {
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
#bookAppointmentModal p{
  color: black;
}

@media(max-width: 768px) {
  #bookAppointmentModal .modal-dialog {
  min-height: calc(100vh - 20px);
}
}
#bookAppointmentBtn {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  position: fixed;
  background: #009ACE;
  border: 1px solid #009ACE;
  color: #fff;
  padding: 15px;
  text-align: center;
  line-height: 1;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 25px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

#bookAppointmentBtn:hover {
  background: #fff;
  color: #009ACE;
}


@media (max-width: 768px) {
  #bookAppointmentBtn {
    bottom: 15px;
  }
}
#bookAppointmentModal .modal-title{
  color: black;
}



/* === CSS FILTER EFFECTS === */
.background-blur.modalBlur > *:not(.modal) {
  -webkit-filter: blur(8px);
}
.background-blur.modalDesaturate > *:not(.modal) {
  -webkit-filter: saturate(0%);
}
/* === SOFTEN THE MODAL BACKDROP SO THE EFFECT IS MORE VISIBLE === */
.modal-backdrop {
  opacity: 0.65;
  filter: alpha(opacity=65);
}


/** Speech bubble with drop shadow and border */
.appointment-message {
    cursor: pointer;
    position: fixed;
    border: 1px solid #eaf0f6;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-radius: 4px;
    padding: 16px 16px;
    right: 25px;
    bottom: 105px;
    display: none;
    z-index: 2;
}
.appointment-message p {
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
    font-size: 14px;
    color: rgb(51, 71, 91);
}
.appointment-message p :last-of-type {
  margin-bottom: 0;
}
.appointment-message__arrow {
  border-left: 16px solid transparent;
  border-top: 25px solid rgba(0, 0, 0, 0.05);
  bottom: -25px;
  position: absolute;
  right: 15px;
}
.appointment-message__arrow::before {
  border-left: 23px solid transparent;
  border-top: 23px solid #fff;
  bottom: 2px;
  content: "";
  position: absolute;
  right: 5px;
}
.appointment-message__arrow::after {
  border-left: 21px solid transparent;
  border-top: 21px solid #fff;
  bottom: 4px;
  content: "";
  position: absolute;
  right: 6px;
}

.close-btn{
 float: right;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #1e1a34;
  padding: 0 0 30px 0;
  color: #eee;
  font-size: 14px;
  clear:both;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
  
}

#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 10px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  border-left: 4px solid #009ACE;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  color: #eee;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #333;
  color: #eee;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #009ACE;
  color: #fff;
}



#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top h4::before, #footer .footer-top h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}

#footer .footer-top h4::before {
  right: 0;
  background: #555;
}

#footer .footer-top h4::after {
  background: #009ACE;
  width: 60px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 8px;
  color: #ddd;
  line-height: 1.2;
}

#footer .footer-top .footer-links ul li {
  border-bottom: 1px solid #333;
  padding: 10px 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #eee;
}

#footer .footer-top .footer-links ul a:hover {
  color: #009ACE;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter #subscribe-email-input {
  border: 0;
  padding: 6px 8px;
  width: 100%;
}

#footer .footer-top .footer-newsletter #subscribe-btn {
  background: #009ACE;
  border: 0;
  width: 100%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

#footer .footer-top .footer-newsletter #subscribe-btn:hover {
  /* background: white;
     color:#009ACE; */
  /* font-weight: bold; */
  /* color:#1e1a34; */
  background: #006f94;
}

#subscribe-name-input {
  border: 0;
  padding: 6px 8px;
  width: 30%;
}

#subscribe-btn {
  background: #009ACE;
  border: 0;
  width: 20%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

#subscribe-btn:hover {
  /* background: white;
     color:#009ACE; */
  /* font-weight: bold; */
  /* color:#1e1a34; */
  background: #006f94;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
  border-top: 1px solid #fff;
}

#footer .credits {
  text-align: center;
  font-size: 13px;
  color: #ddd;
}
.modal-newsletter {	
	color: #999 !important;
	font-size: 15px !important;
}
.modal-newsletter .modal-content {
	padding: 40px 50px;
	border-radius: 1px;		
	border: none;
}
.modal-newsletter .modal-header {
	border-bottom: none;   
	position: relative;
	text-align: center;
	border-radius: 5px 5px 0 0;
}
.modal-newsletter h4 {
	color: #000 !important;
	text-align: center;
	font-weight: 900 !important;
	font-size: 30px !important;
	/* margin: 0 0 25px;		 */
	text-transform: uppercase;
}
.modal-newsletter h4::after {

  content: none !important;
  height: 0 !important;
  position: initial !important;
  left: initial !important;
  bottom: initial !important;
}

.modal-newsletter h4::before {

  content: none !important;
  position: initial !important;
  height: 0 !important;
  position: initial !important;
  left: initial !important;
  bottom: initial !important;

}
.modal-newsletter .close {
	position: absolute;
	top: -5px;
  right: -15px;
	color: #c0c3c8 !important;
	text-shadow: none;
	opacity: 0.5;
	width: 32px;
	height: 32px;
	border-radius: 20px;
	font-size: 18px !important;
	border: 2px solid;
	padding: 0;
}
.modal-newsletter .close:hover {
	opacity: 0.8;
}
.modal-newsletter .icon-box {
	color: #009ACE !important;		
	display: inline-block;
	z-index: 9;
	text-align: center;
	position: relative;
}
.modal-newsletter .icon-box i {
	font-size: 110px !important;
}
.modal-newsletter .form-control, .modal-newsletter .btn {
	min-height: 46px;
	text-align: center;
	border-radius: 1px; 
}
.modal-newsletter .form-control {
	box-shadow: none;
	border-color: #dbdbdb !important;
}
.modal-newsletter .form-control:focus {
	border-color: #49c5c1;
	box-shadow: 0 0 8px rgba(73, 197, 193, 0.5);
}
.modal-newsletter .btn, .modal-newsletter .btn:active {
	color: #fff !important;
	background: #009ACE !important;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal !important;
	padding: 6px 20px;
	min-width: 180px;
	border: none;
	margin-top: 20px;
	font-size: 14px !important;
	font-weight: bold !important;
	text-transform: uppercase;
}
.modal-newsletter .btn:hover, .modal-newsletter .btn:focus {
	background: #008bc7 !important;
	outline: none;
}
.modal-newsletter .form-group {
	margin-top: 30px;
}
.hint-text {
	margin: 100px auto;
	text-align: center;
}
/* .subscribe-mail-group{
  position: relative;
  transform: translateY(30px);
}

.subscribe-mail-group input{
  position: absolute;
  height: 50px;
  border-radius: 30px;
  outline: none;
}

.subscribe-mail-group button{
  color: white;
  border-radius: 50%;
  position: absolute;
  right: -25px;
  height: 50px;
  width: 50px;
  z-index: 10;
} */

.logo-social-container div:first-child{
  
}

.logo-social-container div{
  
}


/* preloader start   */
#main-preloader {
  margin: 0;
  padding: 0;
  z-index: 9999;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  min-height: 215px;
  vertical-align: top;
  background: #1e1a34;
  border-radius: 5px;
 /* -webkit-box-shadow: 0px 0px 30px 100px #103136 inset;
          box-shadow: 0px 0px 30px 100px #103136 inset;*/
}

@media only screen and (max-width: 600px) {
section {
min-width: 350px;
}
}


.indicator {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(4);
}


.indicator svg polyline {
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.indicator svg polyline#back {
	stroke: rgba(59,211,171,0.3);
}

.indicator svg polyline#front {
	stroke: #009ACE;
	stroke-dasharray: 12, 36;
	stroke-dashoffset: 48;
	animation: dash 1s linear infinite;
}
@-moz-keyframes dash {
	62.5% {
		opacity: 0;
	}

	to {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes dash {
	62.5% {
		opacity: 0;
	}

	to {
		stroke-dashoffset: 0;
	}
}

@-o-keyframes dash {
	62.5% {
		opacity: 0;
	}

	to {
		stroke-dashoffset: 0;
	}
}

@keyframes dash {
	62.5% {
		opacity: 0;
	}

	to {
		stroke-dashoffset: 0;
	}
}

/* landing page mobile responsive start */
@media only screen and (max-width: 768px) {

.carousel-container{
  padding-left: 0 !important;
}
.products-item{
  /*margin-bottom: 70px;*/
}
.products{
  padding-bottom: 50px;
}
}


/* landing page mobile responsive end */

/* text colors and fonts*/
.text-black{
  color: black !important;
}
.text-blue{
  color: #009ACE !important;
}
.text-white{
  color: white;
}
.filter-links{
  color: #009ACE;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;

}
.filter-links:hover{
  color: #006c90;
  text-decoration: underline;
}

.no-shadow{
  box-shadow:none !important;
}
 
/* order or trial pages start*/
.order-container{
  padding-top: 110px;
  background: #f7f7f7;
}

/* order or trial pages end*/

/* download pages start */

.download-container{
  padding-top: 150px;
}
.download-product-decription{
  font-size: 18px;
  font-weight: 550;
  margin-bottom: 35px;
}

.download-btn-container{
  /* padding-bottom: 45px; */
  padding-bottom: 45px;
  padding-top: 45px;
}

.download-btn{
  padding: 15px;
  font-size: 14px;
  background-color: #009ACE;
  color: white;
  border-radius: 25px;
  border: solid 2px #009ACE;
}

.download-btn:hover{
  background-color: white;
  color: #009ACE;
}

.download-btn:focus, .download-btn:active{
  color: white;
  background-color: #009ACE;
}

.download-notes{
  font-size: 13px;
}

.download-info-container p,.download-info-container a{
  font-size: 14px;
}

/* download pages end */

/* Product page start */
.row{
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.container-lg{
  padding-left: 0;
  padding-right: 0;
 
}

.btn{
  border-radius: 2px;
  font-family: "Montserrat", sans-serif;
}
.container{
  padding-left: 0;
  padding-right: 0;
}


.header-background{
  background-image: url("../img/products/quakemanager/Group_1361_reduced.jpg");
  background-size: 100% 615px;
  background-repeat: no-repeat;
  display: block;
}

#productCarousel{
  height: 483px;
}

#productCarousel h1{
  color: white;
  font-family: "Montserrat", sans-serif;
}

#productCarousel .carousel-overview{
padding-top: 40px;
padding-left: 0;
padding-right: 0;
}

#productCarousel .carousel-overview p{
margin-top: 30px;
margin-bottom: 50px;
font-size: 14px;
color: white;
line-height: 2;
font-family: "Montserrat", sans-serif;
}

#productCarousel .carousel-overview .overview-download-btn-container{
  padding-left: 0;
  padding-right: 8px;
}
#productCarousel .carousel-overview .overview-buy-btn-container{
  padding-left: 8px;
  padding-right: 0;
}

.product-sub{
  padding-top: 50px;
}

.product-container{
  
}

.product-active{
color: black !important;
}

.overview-download-btn{
  background-color: #009ACE;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 18px;
  border: none;
}
.overview-download-btn:active, .overview-download-btn:focus {
  background-color: #009ACE !important;
  border-color: #009ACE !important;
  box-shadow: unset !important;
}

.overview-buy-btn{
  background-color: #1e1a34;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 18px;
  border: none;
}

#productCarousel .carousel-overview .overview-contact-us-text{

padding-bottom: 10px;
margin-top: 10px;
}

#productCarousel .carousel-overview .overview-contact-us-text svg{
  margin-top: 1px;
  margin-bottom: 1px;
  width:25px;
  height: 25px;
}

#productCarousel .carousel-overview .overview-contact-us-text p{
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 8px;
  font-size: 14px;
  color: white;
  font-family: "Montserrat", sans-serif;
}
.overview-contact-us-text a{
  color:white;
}

.overview-contact-us-text a:hover{
  text-decoration: underline;
}

.overview-download-btn:hover{
  background-color: white;
  color:#009ACE;
}

.overview-buy-btn:hover{
  background-color: white;
  color:#1e1a34;
}

#productCarousel .carousel-overview .overview-contact-us-text{
margin-top: 10px;
}

.product-breadcrumbs{
  background: none;
  padding-top: 110px ;
  padding-bottom: 0;
  margin-top: 0 ;
}

.productsRow{
  margin: 0;
}

.productsRow p{
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: "Montserrat", sans-serif;
}

.products-intro{
  color: black;
  z-index: 1;
  padding:0;
  font-size: 20px;
  font-weight: 500;
}


#products-other-container{
  background-color: #009ACE;
  padding-right: 50px;
}

#products-bispec-container{
  position: relative;
}

#products-pocketstatics-contain{
  position: relative;
}

.productsBg{
  position: absolute;
  background-color: #1e1a34;
  opacity: 0.22;
  z-index: -1;
  height: 100%;
  width: 100%;
}

.products-bispec-col{
  margin:0;
}

.products-pocketstatics-col{
margin: 0;
}

.products-bispec-col img,.products-pocketstatics-col img{
  margin-top: 7.5px
}

.product-menu {
  position: relative;
  z-index: 1; 
  padding-top: 30px;

}
  .product-menu button {
    background-color: transparent;
    padding: 0;
    font-weight: 600;
    color: #a6a6a6;
    font-size: 18px;
    margin: 0 15px;
    font-family: "Montserrat", sans-serif;

   }
   
   #external-link-svg{
     padding-left: 2px;
     height: 18px;
     fill: #a6a6a6;
   }
  .product-overview-description{
    line-height: 2.0;
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .product-menu button {
        font-size: 18px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .product-menu button {
        font-size: 14px; 
        margin: 0 10px;
      }
       }
    @media only screen and (max-width: 767px) {
      .product-menu button {
          font-size: 14px;
          margin: 0 10px; 
        }
        #productCarousel .carousel-overview p{
          line-height: 1.5;
        }
        .overview-download-btn{
          font-size: 16px;
        }
        .overview-buy-btn{
          font-size: 16px;
        }
      }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .product-menu button {
        font-size: 14px;
        margin: 0 5px; 
        }
      }
      .product-menu button:hover #external-link-svg{
          fill: #000;
      }
    .product-menu button.active, .product-menu button:hover {
      color: #303030; }
    .product-menu button:focus {
      box-shadow: none; }


.section-title{
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.overview-paragraph{
  color: black;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 10px;
  
}

/* overview slider start */
#product-carousel{
  background-color:#009ACE;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 30px;
}

#product-carousel img{
  border: 1px solid #4c495e;
  margin: 0;
  padding: 0;
}



#product-carousel .carousel-control-prev,#product-carousel .carousel-control-next{
  width:50px !important;
  background-color:#009ACE !important;
}

/* large - display 3 */
@media (min-width: 992px){

  #product-carousel .carousel-inner .carousel-item{
    transition: -webkit-transform .6s ease-in-out !important;
    transition: transform .6s ease-in-out !important;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out !important;
  }

}


/* medium - display 2  */
@media (min-width: 768px) {

  #product-carousel .carousel-inner .carousel-item-right.active,
  #product-carousel .carousel-inner .carousel-item-next {
      transform: translateX(50%);
  }

  #product-carousel .carousel-inner .carousel-item-left.active,
  #product-carousel .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
  }
  #product-carousel .carousel-inner .carousel-item{
    transition: none;
  }
}


@media (max-width: 768px) {
  #product-carousel .carousel-inner .carousel-item>div {
    display: none;
  }

  #product-carousel .carousel-inner .carousel-item>div:first-child {
      display: block;
  }
  #product-carousel .carousel-inner .carousel-item{
    transition: none !important;
  }
}

#product-carousel .carousel-inner .carousel-item.active,
#product-carousel .carousel-inner .carousel-item-next,
#product-carousel .carousel-inner .carousel-item-prev {
  display: flex;
}

#product-carousel .carousel-inner .carousel-item-right,
#product-carousel .carousel-inner .carousel-item-left {
  transform: translateX(0);
}

.vbox-container img{
    border:1px solid #4c495e;
}
/* eqsols update start */

/* large - display 3 */
@media (min-width: 992px){
.vbox-container img{
    max-width: 60% !important;
    height: auto;
    }
}
/* medium - display 2 */
@media (min-width: 768px){
.vbox-container img{
    max-width: 80%;
    height: auto;
    }
}
/* small - display 1 */
@media (max-width: 768px) {
.vbox-container img{
        max-width: 90%;
        height: auto;
        }
}

/* for bispec slider */
#bispec-overview-carousel{
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #009ACE;
  border-radius: 10px;
}
#bispec-overview-carousel img{
  width: auto !important;
  height: 400px;
  max-height: 400px;
}


@media only screen and (max-width: 991px) {
  #bispec-overview-carousel img{
    height: 400px;
    max-height: 400px;
  }
   }
@media only screen and (max-width: 767px) {
  #bispec-overview-carousel img{
    height: 300px;
    max-height: 300px;
  }

  }
@media only screen and (max-width: 576px) {


  #bispec-overview-carousel img{
    height: 250px;
    max-height: 250px;
  }

   }

/* overview slider end */

/* product feature tabs and navigation start */
.quake-features p,.quake-features ul{
  font-size: 16px;
}

.nav-tabs{
  border-bottom: none;
}
.nav-tabs li:first-child{
  border-left: 1px solid #009ACE;;
}
.nav-tabs li{
  border: 1px solid #009ACE;
  border-left: 0;
}

.nav-tabs li a{
  padding: 10px 15px;
  display: block;
  transition: none;
}

.nav-tabs li a:focus{
  color: #009ACE;
}

.nav-tabs li a:active{
  color: #009ACE;
}
.nav-tabs li a:hover{
  color: #009ACE;
}
.feature-title{
  position: relative;
  padding-bottom: 10px;
}
.feature-title::before{
  content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}
.feature-title::after{
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #009ACE;
  bottom: 0;
  left: calc(50% - 20px);
}
.active-tab{
  background-color: #009ACE;
  color: white;
}
.active-tab a{
  color: white !important;
  transition: none;
}
.tab-content img{
  box-shadow: 5px 5px 5px 0 rgb(0 0 0 / 45%);

}

ul.nav-tabs li{
  min-width: 180px;
}
ul.nav-tabs li a{
  font-size: 14px;
}

.tab-content img{
  
}

ul.small-tabs li{
  min-width: 120px;
}

@media only screen and (max-width: 991px) {
  .quake-features p,.quake-features ul{
    font-size: 16px;
  }
  ul.nav-tabs li{
    min-width: 180px;
  }
  ul.nav-tabs li a{
    font-size: 14px;
  }
  .bt-md-none{
    border-top: 0 !important;
  }
  .bl-md{
    border-left: 1px solid #009ACE !important;
  }
}
@media only screen and (max-width: 767px) {
  .quake-features p,.quake-features ul{
    font-size: 14px;
  }
  ul.nav-tabs li{
    min-width: 160px;
  }
  ul.nav-tabs li a{
    font-size: 12px;
  }
  .bt-sm-none{
    border-top: 0 !important;
  }
  .bl-md{
    border-left: 0 !important;
  }
.bl-sm{
  border-left: 1px solid #009ACE !important;
}
}
@media only screen and (max-width: 576px) {
  .quake-features p,.quake-features ul{
    font-size: 14px;
  }
  ul.nav-tabs li{
    min-width: 140px;
  }
  ul.nav-tabs li a{
    font-size: 10px;
  }
}



/*
#quakeSelect-carousel{
  background-color: #009ACE;
  border-radius: 10px;
  color: white;
}
#quakeSelect-carousel .carousel-item{
  height: 600px;
}

#quakeSelect-carousel .carousel-item img{
  margin: auto;
}
#quakeSelect-carousel .carousel-item ul{
  font-size: 18px;
}
*/
.my-auto{
  margin-top: auto;
margin-bottom: auto;
}


/* product feature tabs and navigation end */
.scrollable-icon{
  bottom: 16px;
  right: 0px;
  position: absolute;
  font-size: 20px;
}


.features-container{
  background-color:  #1e1a34;
  margin: unset;
}
.features-container h4{
  font-family: "Montserrat", sans-serif;
}
.features-container h4, .features-container p{
  color: white;
}
.feature-item{
  padding: 0;
  margin: 0;
}
.feature-icon{
  padding: 30px 10px;
  border-bottom: 2px dashed white;
}
.feature-icon svg{
  height: 100px;
  width:auto;
}
.feature-description{
  padding: 20px 0 0 5px;
}

.feature-description p{
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}

.capability-item{
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
}
.capability-col{
  position: relative;
  height: 280px;
  overflow: hidden;
}
.gray-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1e1a34;
  opacity: 0.11;
  z-index: -1;
}
.svg-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  /*z-index: 1;*/
  z-index: 4;
  padding-top: 40px;
}

.svg-bg svg{
  /*
  width: 75%;
  height: 75%;
  fill:white;
  fill-opacity: 0.33;
  transition: 0.3s ease-in-out;
  */
  height: 40%;
  fill-opacity:1;
  transition: 0.3s ease-in-out;
}
.blue-bg{
  position: absolute;
  height: 100%;
  width: 100%;
  /*transform: translateY(260px);*/
  background-color:#009ACE;
  transition: 0.2s ease-in-out;
  z-index: 2;
}

.capability-description{
  position: absolute;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  height: 100%;
  z-index: 5;
}
.capability-description p{
  /*color: black;*/
  color: white;
  font-weight: "Montserrat", sans-serif;
  font-size: 16px;
 /* transform: translateY(100px);*/
  transform: translateY(170px);
  transition: 0.2s ease-in-out;
}
/*
.capability-col:hover .blue-bg{
  height: 100%;
  transform: translateY(0);
  transition: 0.2s ease-in-out;
}
.capability-col:hover .capability-description p{
  transform: translateY(190px);
  transition: 0.2s ease-in-out;
  color: white;
}

.capability-col:hover .svg-bg{
  z-index: 4;
}

.capability-col:hover .svg-bg svg{
  width: 55%;
  height: 55%;
  fill-opacity:1;
  fill:white;
  transition: 0.3s ease-in-out;
}
*/
/*limitations table design*/
.hysteretic-img{
 max-height: 280px;
 max-width: 100%;
}


.bispec-order-table{
  table-layout: fixed;
  min-width: 1000px;
}

.bispec-order-table td{
  border: none;
}

.bispec-order-table input[type="image"]{
  margin-left: 10px;
}
.order-inner-table{
  table-layout: fixed;
  width: 100%;
}
.order-inner-table td{
  padding: 0 !important;
  margin: 0 !important;
}

.limitationTable{
  margin-bottom: 0;
  table-layout: fixed;
}
table p{
  margin: 0;
}
.limitationTable thead{
color: white;
}
.limitationTable td:first-child{
  padding-left: 20px;
}

.limitationTable thead td{
  padding-top: 20px;
  padding-bottom: 20px;
}

.limitationTable td,th{
  border-top: none;
  font-size: 13px;
  border-right: 7px solid white;
  font-family: "Montserrat", sans-serif;
  padding: 0.4rem ;
}
.border-bottom-white{
  border-bottom: 7px solid white;
}
.limitationTable tr{
  border-collapse: separate;
}


.quakelimtable colgroup .modules-col{
 min-width: 240px;
}
.quakelimtable colgroup .license-col{
  min-width: 130px;
 }

.table-description-icon{
  float:right;
}
.tooltip-inner{
  font-size: 14px !important;
  font-family: "Open Sans", sans-serif
}
.tooltip-inner ol{
  font-size: 14px !important;
}
.cell-dark{
  background-color: #1e1a34;
}
.cell-green{
  background-color: #e9f6fb;
}
.cell-blue{
  background-color: #009ACE;
}
.cell-gray{
  background-color: #e4e4e6;
}
.tab-title{
  padding-left: 3em !important;
}
.table-order-btn{
  background-color: #009ACE;
  color: white;
  font-weight: 400;
  font-size: 14px;
}
.table-order-btn:hover{
  color: #009ACE;
  background-color: white;
  border:1px solid #009ACE;
}
.table-order-btn:active{
  background-color: #009ACE;
  color: white;
}
.table-order-btn:focus{
  background-color: #009ACE;
  color: white;
}

.limitationTable.hide2 tr > *:nth-child(2) {
  display: none;
}
@media only screen and (max-width: 992px) {
  .header-background{
    background-size: 100% 615px;
  }
.product-overview-image{
  padding-top: 80px;
}
}

@media only screen and (max-width: 767px) {
  /* carousel section */
  #productCarousel{
    height: 390px;
  }
  .header-background{
    background-size: 100% 490px;
  }
  #productCarousel .carousel-overview .overview-contact-us-text{
    margin-top: 0;
    padding-bottom: 0;
  }
  #productCarousel .carousel-overview .overview-contact-us-text svg{
    height: 40px;
    width: 40px;
  }
  #productCarousel .carousel-overview .overview-contact-us-text p{
    font-size: 15px;
    width: 60%;
    line-height: 1.5;
   }

  .overview-mobile-btns{
    margin: 0;
    position: absolute;
    bottom: 0;
  }

.overview-download-btn-container{
  padding: 0;
}
.overview-buy-btn-container{
  padding: 0;
}

  /* features section*/
  .feature-icon{
    padding: 15px 10px 15px 10px;
    border-bottom: none;
  }
  .feature-icon svg{
    height: 45px;
    width:auto;
  }
  .feature-description{
    text-align: initial !important;
  }
  .feature-description p{
    margin: 0;
  }
  /*capabilities section */
  .capability-description p{
    font-size: 12px;
  }
}

@media only screen and (max-width: 576px) {
  .header-background{
    background-size: 100% 489px;
  }
}


/* pricing table start*/
.bg-blue{
background-color: #009ACE;
}

.bg-second{
  background-color: #F6F5F5;
}

.pricing-tabs a{
  font-size: 16px !important;
}

.pricing-card{
    border: 2px solid #e3e3e3;
    text-align: center;
    position: relative;
    padding-bottom: 25px;
    transform: translateZ(0px);
}

.pricing-card:before,
.pricing-card:after{
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.pricing-card:before{
    border-right: 2px solid #009ACE;
    border-left: 2px solid #009ACE;
    transform: scaleY(0);
    transform-origin: 100% 0 0;
}

.pricing-card:after{
    border-bottom: 2px solid #009ACE;
    border-top: 2px solid #009ACE;
    transform: scaleX(0);
    transform-origin: 0 100% 0;
}

.pricing-card:hover:before{
    transform: scaleY(1);
}

.pricing-card:hover:after{
    transform: scaleX(1);
}

.pricing-card .pricing-card-header{
    background: #009ACE;
    color: #fff;
    margin: -2px -2px 10px;
    padding: 20px 10px;
    height: 140px;
}

.pricing-card .heading{
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.pricing-card .subtitle{
    font-size: 12px;
    display: block;
}

.pricing-card .price-value{
      font-size: 20px;
    font-weight: 500;
    position: relative;
    display: inline-block;
}

.pricing-card .currency{
  font-size: 20px;
    font-weight: 300;
    position: absolute;
    top: -2px;
    left: -10px;
}

.pricing-card .month{
    font-size: 20px;
    position: absolute;
    bottom: 17px;
    right: -40px;
}

.pricing-card .pricing-content{
    list-style: none;
    padding: 0 10px;
    margin-bottom: 15px;
}

.pricing-card .pricing-content li{
    font-size: 14px;
    color: #7a7e82;
}

  .order-btn{
    display: inline-block;
    border: 2px solid #7a7e82;
    background-color: white;
    font-size: 12px;
    font-weight: 700;
    color: #7a7e82;
    padding: 8px 25px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.order-btn:hover{
    border-color: #009ACE;
    color: #009ACE;
}

.pricing-card .add-cart i{
    font-size: 19px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px;
    transition: all 0.3s ease 0s;
}

.pricing-card .add-cart:hover i{
    right: 5px;
}
/*
.pricing-card .add-cart:before,
.pricing-card .add-cart:after{
    content: "";
    display: block;
    height: 30px;
    border-left: 2px solid #7a7e82;
    position: absolute;
    right: -11px;
    transition: all 0.3s ease 0s;
}

.pricing-card .add-cart:before{
    bottom: -6px;
    transform: rotate(45deg);
}

.pricing-card .add-cart:after{
    top: -6px;
    transform: rotate(-45deg);
}
*/
.pricing-card .add-cart:hover:before,
.pricing-card .add-cart:hover:after{
    border-left-color: #009ACE;
}
.advanced-pricing-cards{
  margin-top: 25px;
}
.heading-empty{
  display: block !important;
}
.additional-list-item { 
  display: none !important 
}
@media (max-width: 1199px){
  .heading-empty{
    display: none !important;
  }
  .additional-list-item { 
    display: block !important 
  }
}

@media screen and (max-width: 990px){
    .pricing-card{ margin-bottom: 25px; }
    /* .bispec-educational-cards{
      justify-content: left !important;
    } */
    .advanced-pricing-cards{
      margin-top: 0px;
    }
}
@media (max-width: 767px){
  .additional-list-item { 
    display: none !important 
  }
}

@media (max-width: 576px){
  .pricing-container .col-6{
    padding-right: 10px;
    padding-left: 10px;
  }
}
/* pricing table end */
/* Product page end */


/* Services Page CSS
--------------------------------*/
#services {
  padding-bottom: 60px;
  position: relative;
}

#services .container {
  position: relative;
  z-index: 10;
}

#services #services-flters {
  padding: 0;
  margin: 5px 0 35px 0;
  list-style: none;
  
}

#services #services-flters li {
  cursor: pointer;
  margin: 15px 15px 15px 0;
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  border-radius: 4px;
  text-transform: uppercase;
  background: #fff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in;
  border: 2px solid transparent;
}

#services #services-flters li:hover{
  color: #009ACE;
  border: 2px solid #009ACE;
  transition: none;
}

#services #services-flters li.filter-active {
  background: #009ACE;
  border: 2px solid #009ACE;
  color: #fff;
}

#services #services-flters li:last-child {
  margin-right: 0;
}

#services .service-col {
  background: #fff;
  border-radius: 6px;
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  height: 270px;
  position:relative;
  overflow: hidden;
}

#services .service-col .img {
  position: relative;
  height: 200px;
  opacity: 1;
  transition:0.3s ease-in;
}
#services .service-col .img img {
  border-radius: 4px 4px 0 0;
  height: 100%;
  width: 100%;
}

#services .service-col .icon {
  width: 64px;
  height: 64px;
  padding-top: 6px;
  text-align: center;
  position: absolute;
  background-color: #009ACE;
  border-radius: 50%;
  border: 6px solid #fff;
  left: calc( 80% - 32px);
  bottom: -30px; 
  transition: 0.3s;
}

#services .service-col i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
  }

#services .service-col .title {
  color: #000;
  font-size: 18px;
  padding-left: 20px;
  font-weight: 450;
  
  height: 70px;
  display: flex;
  align-items: center; 
  margin: 0;
  font-family: "Montserrat", sans-serif;
}


.services-col-details{
  height: 100%;
  display: flex;  
  transition:0.3s ease-in;
}

.services-background-image{
  opacity: 0;
}

.services-read-more{
position: relative;
z-index: 120;
height: 100%;
width: 100%;
text-align: right;
transition:0.3s ease-in;
}
#modalContactForm{
  padding: 0 !important;
}

@media (min-width: 576px){
  #modalContactForm .modal-dialog {
    max-width: 700px;
  }
}

.mobile-nav-toggle{
  z-index: 1040;
}

.modal-open{
  overflow-y: scroll;
}
/* transition of title and description over image start*/
#services .service-col:hover .services-col-details{
  position: absolute;
  display: block;
  background-color: #1e1a34;
  width: 100%;
  height: 100%;
  transform:translateY(-200px);
  transition:0.3s ease-in;
  z-index: 50;
}
#services .service-col:hover .services-background-image{
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='55.66' height='54' viewBox='0 0 55.66 54'><path id='Path_43' data-name='Path 43' d='M1160.414,328.214a3.228,3.228,0,0,0-.5.042l-11.026-18.643a3.244,3.244,0,1,0-5.537-3.238h-15.175a3.244,3.244,0,1,0-4.215,4.215V328.32a3.258,3.258,0,0,0-1.857,1.937h-7.849a3.262,3.262,0,1,0-2.515,4.406l10.885,18.405a3.243,3.243,0,1,0,5.551,3.22h15.175a3.244,3.244,0,1,0,4.215-4.215V334.344a3.261,3.261,0,0,0,1.755-1.682h8.078a3.245,3.245,0,1,0,3.012-4.448Zm-17.06,25.67h-15.175a3.261,3.261,0,0,0-1.682-1.755V334.29a3.262,3.262,0,0,0,1.682-1.755h15.175a3.26,3.26,0,0,0,1.81,1.81v17.729A3.26,3.26,0,0,0,1143.354,353.883Zm-29.1-21.221h7.95a3.262,3.262,0,0,0,1.755,1.682V350.6l-10.151-17.164A3.239,3.239,0,0,0,1114.258,332.662Zm13.921-23.882h15.175a3.26,3.26,0,0,0,1.81,1.81V328.32a3.26,3.26,0,0,0-1.81,1.81h-15.175a3.26,3.26,0,0,0-1.81-1.81V310.59A3.26,3.26,0,0,0,1128.179,308.781Zm19.39,19.539V312.1l10.278,17.38a3.242,3.242,0,0,0-.445.776h-7.977A3.258,3.258,0,0,0,1147.569,328.32Z' transform='translate(-1108 -304.332)' fill='%23fff'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  transform:translateY(-200px);
  background-size: 70% 70%;
  opacity: 0.1;
  transition: 0.1s;
}
#services .service-col:hover .img{
  transform:translateY(-100%);
  opacity: 0;
  transition: 0.3s ease-in;
  
}
#services .service-col:hover .title{
  margin-top: 30px;
  width: 100%;
  height: initial;
  display: block;
  align-items: initial; 
  color:#009ACE;
}

#services .service-col:hover .service-description{
  display: block !important;
  margin-top: 25px;

}
#services .service-col:hover .service-description > p{
  color: white;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
}

#services .service-col:hover .services-read-more{
transition:0.3s ease-in;
transform: translateY(-200px);
padding-right: 20px;
}

/* transition of title and description over image end*/
#services .service-col p {
  font-size: 12px;
  color: #333;
  margin-bottom: 0;
  padding: 0 20px 0 20px;
  display: block;
}
.services-contact-btn-container{
  margin-top: 27px;
  text-align: right;
}
.services-contact-btn{
  padding: 0 !important;
  border:none;
  transition: all .3s ease-out 0s !important;
}
.services-contact-btn:hover{
background-color: initial;
}
.services-contact-btn:focus{
  outline: none !important;
  box-shadow: none;
}
.services-contact-btn:hover #services-contact-btn-hover{
fill:#009ACE;
color:white;
}

.services-contact-btn:hover #services-contact-btn-text{
  fill:white;
}
/* contact floating button start */
.contact-floating-btn {
  position: fixed;
  display: none;
  background: #009ACE;
  border: 1px solid #009ACE;
  color: #fff;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 1;
  font-size: 25px;
  border-radius: 50%;
  right: 15px;
  bottom: 85px;
  transition: background 0.5s;
  z-index: 11;
  padding: 15px;
}

.contact-floating-btn:hover{
  background: #fff;
  color: #009ACE;
}

#service-request-btn{
  background: #009ACE;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  margin-right: 16px;
}


.ms-elem-selectable{
    padding-left: 20px !important;
}
.ms-optgroup-label{
    font-weight: bold;
}

#service-request-btn:hover {
  background: #008bc7;
}

@media (max-width: 992px) {
  .contact-floating-btn {
    display: block;
  }
  .services-contact-btn-container{
      display: none;
  }
}

/* contact floating button end */

/* multiselect services  start */

.ms-container{
  width: 100% !important;
}

/* multiselect services  end */


/* services page end */

/* captcha css start*/

.g-recaptcha{
  margin: 0 auto;
  display: inline-block;
}

@media only screen and (max-width: 500px) {
  .g-recaptcha {
  transform:scale(0.77);
  transform-origin:0 0;
  }
  }

/* captcha css end*/

/* subscription */
@media (max-width: 576px){
  .myh4{
    font-size: 16px !important;
    /* font-weight: 600 !important; */
    padding-left: 3px !important;
  }
  .myh3{
    font-size: 22px !important;
  }
}

/**
* Download page
*/
.download-table thead th{
  color:white;
  border: none;
  font-size: inherit;
}

.download-table th, .download-table td{
  font-size: inherit;
}

.custom-alert {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1050;
}